$shadow: 6rpx 6rpx 8rpx rgba(0, 0, 0, 0.2) !default;
.shadow{
  box-shadow: $shadow;
}

.shadow-red{
	box-shadow: 6rpx 6rpx 8rpx rgba(204, 69, 59, 0.2);
}

.shadow-orange{
	box-shadow: 6rpx 6rpx 8rpx rgba(217, 109, 26, 0.2);
}

.shadow-yellow{
	box-shadow: 6rpx 6rpx 8rpx rgba(224, 170, 7, 0.2);
}

.shadow-olive{
	box-shadow: 6rpx 6rpx 8rpx rgba(124, 173, 55, 0.2);
}

.shadow-green{
	box-shadow: 6rpx 6rpx 8rpx rgba(48, 156, 63, 0.2);
}

.shadow-cyan{
	box-shadow: 6rpx 6rpx 8rpx rgba(28, 187, 180, 0.2);
}

.shadow-blue{
	box-shadow: 6rpx 6rpx 8rpx rgba(0, 102, 204, 0.2);
}

.shadow-purple{
	box-shadow: 6rpx 6rpx 8rpx rgba(88, 48, 156, 0.2);
}

.shadow-mauve{
	box-shadow: 6rpx 6rpx 8rpx rgba(133, 33, 150, 0.2);
}

.shadow-pink{
	box-shadow: 6rpx 6rpx 8rpx rgba(199, 50, 134, 0.2);
}

.shadow-brown{
	box-shadow: 6rpx 6rpx 8rpx rgba(140, 88, 53, 0.2);
}

.shadow-grey{
	box-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
}

.shadow-gray{
	box-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
}

.shadow-black{
	box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
}

.shadow-white{
	box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
}
